<template>
  <div id="deal">
    <!--     头部-->
    <TmsHeader :tmsheader="tmsheader"></TmsHeader>
<!--   货物信息表 -->
    <h3>货物信息</h3>
    <el-table
        :data="goods_info"
        border
        style="width: 100%">
      <el-table-column
          width="150px"
          prop="DDbiaoHao"
          label="订单编号">
        <template slot-scope="scope">
          <el-input v-model="scope.row.DDbiaoHao" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="HTbiaoHao"
          label="合同编号">
        <template slot-scope="scope">
          <el-input v-model="scope.row.HTbiaoHao" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="YunDan"
          label="运单号">
        <template slot-scope="scope">
          <el-input v-model="scope.row.YunDan" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="jHtime"
          label="计划装货时间">
        <template slot-scope="scope">
          <el-input v-model="scope.row.jHtime" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="jHdTime"
          label="计划到货时间">
        <template slot-scope="scope">
          <el-input v-model="scope.row.jHdTime" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="startAddr"
          label="始发地">
        <template slot-scope="scope">
          <el-input v-model="scope.row.startAddr" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="mDaddr"
          label="目的地">
        <template slot-scope="scope">
          <el-input v-model="scope.row.mDaddr" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="wTfang"
          label="委托方">
        <template slot-scope="scope">
          <el-input v-model="scope.row.wTfang" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="wTren"
          label="委托人">
        <template slot-scope="scope">
          <el-input v-model="scope.row.wTren" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="lxPhone"
          label="联系电话">
        <template slot-scope="scope">
          <el-input v-model="scope.row.lxPhone" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="xQaddr"
          label="详情地址">
        <template slot-scope="scope">
          <el-input v-model="scope.row.xQaddr" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="sHfang"
          label="收货方">
        <template slot-scope="scope">
          <el-input v-model="scope.row.sHfang" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="lxPhone2"
          label="联系电话">
        <template slot-scope="scope">
          <el-input v-model="scope.row.lxPhone2" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="shAddr"
          label="收货地址">
        <template slot-scope="scope">
          <el-input v-model="scope.row.shAddr" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="HuoMing"
          label="货名">
        <template slot-scope="scope">
          <el-input v-model="scope.row.HuoMing" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="guiG"
          label="规格型号">
        <template slot-scope="scope">
          <el-input v-model="scope.row.guiG" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="baoZhuang"
          label="总包装">
        <template slot-scope="scope">
          <el-input v-model="scope.row.baoZhuang" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="zTzhong"
          label="总重量kg">
        <template slot-scope="scope">
          <el-input v-model="scope.row.zTzhong" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="zTji"
          label="总体积 m³">
        <template slot-scope="scope">
          <el-input v-model="scope.row.zTji" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="tHLren"
          label="提货联系人">
        <template slot-scope="scope">
          <el-input v-model="scope.row.tHLren" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="lxPhone3"
          label="联系电话">
        <template slot-scope="scope">
          <el-input v-model="scope.row.lxPhone3" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="tHuoAdrr"
          label="提货地址">
        <template slot-scope="scope">
          <el-input v-model="scope.row.tHuoAdrr" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          width="150px"
          prop="beiZ"
          label="订单备注">
        <template slot-scope="scope">
          <el-input v-model="scope.row.beiZ" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
    </el-table>
<!--    回单照片-->
    <h3>回单照片</h3>
    <div class="Imgs">
      <img src="" alt="">
      <img src="" alt="">
      <img src="" alt="">
      <img src="" alt="">
    </div>
<!--货物明细   -->
    <h3>货物明细</h3>
    <el-table :data="goods_info"
              border
              style="width:60%;">
      <el-table-column
          prop="qSnum"
          style="background:#E4E4E2"
          label="签收数量">
        <template slot-scope="scope">
          <el-input v-model="scope.row.qSnum" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          prop="pshunNum"
          label="破损数量">
        <template slot-scope="scope">
          <el-input v-model="scope.row.pshunNum" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          prop="dShiNum"
          label="丢失数量">
        <template slot-scope="scope">
          <el-input v-model="scope.row.dShiNum" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
      <el-table-column
          prop="tuiHnum"
          label="退货数量">
        <template slot-scope="scope">
          <el-input v-model="scope.row.tuiHnum" class="input1"  placeholder="内容" clearable></el-input>
        </template>
      </el-table-column>
    </el-table>

<!--    回单备注-->
    <h3>回单备注</h3>
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
      <el-form-item id="huiDan"  prop="desc">
        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
      </el-form-item>
    </el-form>
<!--    异常描述-->
    <h3>异常描述</h3>
    <div class="Imgs">
      <img src="" alt="">
      <img src="" alt="">
    </div>
<!--  异常处理方案-->
    <h3>异常处理方案</h3>
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
      <el-form-item  prop="desc">
        <el-input type="textarea" v-model="ruleForm.desc"></el-input>
      </el-form-item>
    </el-form>

    <!--    底部按钮-->
    <div class="btn">
      <el-button type="info" id="">确认</el-button>
      <el-button type="info" id="fanHui" @click="fanHui">返回</el-button>
    </div>
  </div>

</template>

<script>
import TmsHeader from '../../TmsHeader'

export default {
  name: "Deal",
  components: {TmsHeader},
  data(){
    return {
      tmsheader:{
        tmsBigTitle: "承运商端",
        tmsATitle: "异常管理",
        tmsBTitle: "异常处理",
      },
      goods_info:[{}],
      input:'',
      ruleForm: {
        desc: ''
      },
      rules:{
        desc: [
          { required: false, trigger: 'blur' }
        ]
      },
    }
  },
  methods:{
    fanHui(){
      this.$router.push('./abnormalities')
    },

  }

}
</script>

<style scoped>
h3{
  text-align: left;
  margin:15px 0;
}
.Imgs{
  text-align: left;
}
img{
  width: 120px;
  height: 190px;
  margin-right:10px;
}
#huiDan{
  width: 500px;
  font-size: 32px;
}
</style>